<template>
  <view>
    <u-navbar
      backIconColor="#fff"
      :is-back="true"
      title-color="#fff"
      :title="title"
      :background="background"
      :border-bottom="false"
    >
    </u-navbar>
    <view class="" style="position: relative">
      <view
        class="contentBg"
        :style="{
          paddingTop: `${statusBarHeight + navbarHeight}px`,
          backgroundImage: `url(${getImageUrl('bg.png')})`,
          height: `${200 + statusBarHeight}px`,
          top: `-${statusBarHeight + navbarHeight}px`
        }"
      >
      </view>
    </view>
    <!-- <u-navbar height="50" title="确定订单" title-size="36" title-color="#333"></u-navbar> -->
    <view style="position: relative; top: 20rpx; padding-bottom: 96rpx">
      <view class="locationView card">
        <view class="count-day dis-flex flex-y-center">
          <view>
            <text class="day">10月1日</text>
            <text class="week">周二</text>
          </view>
          <view class="count">共1晚</view>
          <view>
            <text class="day">10月2日</text>
            <text class="week">周三</text>
          </view>
        </view>
        <view class="goods-name">标准双人间</view>
        <view class="goods-detail">1张1.8米大床 20-25㎡ 1人入驻 有窗</view>
      </view>

      <view class="infoView card">
        <view class="card-tl">入驻信息</view>
        <view class="group">
          <view class="item dis-flex flex-y-center flex-y-between">
            <view class="dis-flex flex-y-center">
              <view class="item-tl">房间数量</view>
              <view class="item-con"> 1间（每间最多住1人）</view>
            </view>
            <u-icon name="/static/enter.png" size="26"></u-icon>
          </view>
          <view class="item dis-flex">
            <view class="item-tl">住客姓名</view>
            <view class="item-con"> 张三</view>
          </view>
          <view class="item dis-flex">
            <view class="item-tl">联系手机</view>
            <view class="item-con"> 13980665498</view>
          </view>
          <view class="item dis-flex flex-y-center flex-y-between">
            <view class="dis-flex flex-y-center">
              <view class="item-tl">预计到店</view>
              <view class="item-con"> 17:00</view>
            </view>
            <u-icon name="/static/enter.png" size="26"></u-icon>
          </view>
        </view>
      </view>
      <view class="infoView">
        <view class="totalView" style="padding-bottom: 10rpx">
          <view class="totalTitle">房间原价</view>
          <view class="dis-flex flex-x-center">
            <view class="mr-20">¥{{ (settle.deliveryPrice * 0.01).toFixed(2) }}</view>
            <u-icon
              name="/static/selected.png"
              size="36rpx"
              v-if="PreType == 1"
              @click="onPreAll(0)"
            ></u-icon>
            <u-icon v-else name="/static/unselect.png" size="36rpx" @click="onPreAll(1)"></u-icon>
          </view>
        </view>
        <view class="totalView">
          <view class="totalTitle">积分抵扣</view>
          <view class="dis-flex flex-x-center">
            <view class="point mr-20" style="font-size: 28rpx">10积分抵扣10元</view>
            <u-icon
              name="/static/selected.png"
              size="36rpx"
              v-if="PrePoints == 1"
              @click="onPrePoints(0)"
            ></u-icon>
            <u-icon
              v-else
              name="/static/unselect.png"
              size="36rpx"
              @click="onPrePoints(1)"
            ></u-icon>
          </view>
        </view>
        <u-line></u-line>
        <view class="totalView">
          <view class="totalTitle dis-flex flex-y-center">
            <text>会员价</text>
            <text class="point">本单可享7折</text>
          </view>
          <view class="dis-flex flex-x-center">
            <view class="mr-20">¥{{ (settle.deliveryPrice * 0.01).toFixed(2) }}</view>
            <u-icon
              name="/static/selected.png"
              size="36rpx"
              v-if="PreType == 2"
              @click="onPreAll(0)"
            ></u-icon>
            <u-icon v-else name="/static/unselect.png" size="36rpx" @click="onPreAll(2)"></u-icon>
          </view>
        </view>
        <view class="open-vip">
          <view class="vip-tl dis-flex flex-y-center">
            <view
              class="bt dis-flex flex-y-center flex-x-center"
              style="width: 100rpx; margin-right: 10rpx"
            >
              <u-icon class="bt-icon" name="/static/vip.png" size="36rpx"></u-icon>
              <text>VIP</text>
            </view>
            <view class="des">
              <text>开通会员，本单立享</text>
              <text class="col bold">7</text>
              <text class="col">折</text>
              <text>优惠</text>
            </view>
          </view>
          <view class="vip-qy">会员费：充¥50送50积分</view>
          <view class="description">31天有效期 到期前可续费</view>
        </view>
        <u-line></u-line>
        <view class="totalView">
          <view class="totalTitle">配送费</view>
          <view>¥{{ (settle.deliveryPrice * 0.01).toFixed(2) }}</view>
        </view>
        <!-- <view class="totalView">
					<view class="totalTitle">优惠券</view>
					<view v-if="checkedCoupon" @click="showCoupon = true" class="totalPrice">{{checkedCoupon.name}}
					</view>
					<view v-if="couponList" @click="showCoupon = true" class="totalPrice">选择优惠券</view>
					<view v-else class="totalPrice">无匹配优惠券</view>
				</view> -->

        <!-- <view class="totalView">
					<view class="totalTitle">推荐奖励抵扣</view>
					<view class="totalPrice">请输入抵扣金额</view>
				</view> -->
        <view class="totalView" v-if="settle.couponPrice">
          <view class="totalTitle">优惠券抵扣</view>
          <view class="totalPrice" style="color: #ff2323"
            >-¥{{ (settle.couponPrice * 0.01).toFixed(2) }}</view
          >
        </view>
        <u-line></u-line>
        <view class="jisuan dis-flex">
          <text class="total-goods mr-20">共2样商品 </text>
          <text class="yh mr-20">已优惠¥60.00 </text>
          <text class="heji">合计：</text>
          <text class="total-Price">¥140.00</text>
        </view>
        <u-gap height="100"></u-gap>
      </view>

      <!-- <view class="infoView" >
				<view class="totalView">
					<view class="totalTitle">引荐码</view>
					<input placeholder="请输入引荐码" v-model="form.brokerageCode"/>
				</view>
			</view> -->

      <!-- 			<view class="infoView">
				<view class="totalView">
					<view class="totalTitle">订单备注（选填）</view>
				</view>
				<view class="" style="">
					<textarea v-model="form.remark" style="flex-shrink: 0;margin: 10rpx 20rpx;font-size: 28rpx;" ame=""
						placeholder="请输入备注信息" id="" cols="20" rows="5"></textarea>
				</view>
			</view> -->
    </view>
    <u-popup
      v-model="msgPopup"
      mode="center"
      width="550"
      height="480"
      :closeable="true"
      border-radius="15"
    >
      <view class="popup-box2" v-if="status">
        <u-icon style="margin-top: 30rpx" name="../../static/img/cg.png" size="80"></u-icon>
        <text>恭喜您支付成功</text>
        <p style="text-align: center">您已购买成功，我们将尽快为您服务！</p>
        <view class="popup-btn" style="background-color: #8cc340"> 知道了 </view>
      </view>
      <view class="popup-box2" v-else>
        <u-icon style="margin-top: 30rpx" name="../../static/img/shibai.png" size="80"></u-icon>
        <text style="color: #f54831">支付失败</text>
        <p style="text-align: center">哎呀，网络开小差了，请刷新重试！</p>
        <view class="popup-btn"> 重试一次 </view>
      </view>
    </u-popup>

    <view class="bottomView">
      <view class="bt-box dis-flex">
        <view style="flex: 1">
          <view class="totalPrice3"
            >待付款：<text>¥{{ (settle.payPrice * 0.01).toFixed(2) }}</text></view
          >
        </view>
        <view>
          <view class="bottomBtn" @click.stop.prevent="onPayment()">下单支付</view>
        </view>
      </view>
    </view>

    <PayPopup :show="show" :payOrderId="payOrderId" :resStatus="resStatus">
      <p style="font-size: 50rpx; font-weight: 600; padding: 20rpx; text-align: center">
        ¥{{ (settle.payPrice * 0.01).toFixed(2) }}
      </p>
    </PayPopup>

    <u-popup v-model="showCoupon" height="700" mode="bottom">
      <view class="popup-box">
        <view class="couponListView">
          <view class="couponView" v-for="item in couponList" :key="item.id">
            <view class="moneyView" v-if="item.discountType == 1">
              <view class="couponMoney"
                >¥<text>{{ (item.discountPrice * 0.01).toFixed(2) }}</text></view
              >
              <view class="couponTips">满减券</view>
            </view>
            <view class="moneyView" v-if="item.discountType == 2">
              <view class="couponMoney"
                >¥<text>{{ (item.discountPercent * 0.1).toFixed(2) }}</text></view
              >
              <view class="couponTips">折扣券</view>
            </view>
            <view class="lineView">
              <view class="circle"></view>
              <view class="line"></view>
              <view class="circle2"></view>
            </view>
            <view class="couponInfoView">
              <view class="couponTitle">{{ item.name }}</view>
              <view class="InfoView">
                <view class="couponTime" v-if="item.validityType == 1">
                  有效日期{{ formatTime(item.validEndTime) }}</view
                >
                <view class="couponTime" v-else>自领取后{{ item.fixedEndTerm }}天有效</view>
                <view class="couponBtn" @click="gainOrderInfo(item)">选择</view>
                <!-- <view v-else="item.canTake" class="couponBtn" style="background-color: #e8e8e8;">已选择</view> -->
              </view>
            </view>
          </view>
        </view>

        <!-- <view class="coupon-box" >
					<view class="coupon-box-left" v-if="item.discountType == 1">
						<view class="" >
							<text >¥</text><text style="font-size: 35rpx;font-weight: 700;">{{(item.discountPrice * 0.01).toFixed(2)}}</text>
						</view>
						<p>满减券</p>
					</view>
					<view class="coupon-box-left" v-if="item.discountType == 2">
						<view class="" >
							<text style="font-size: 35rpx;font-weight: 700;">{{ (item.discountPercent * 0.1).toFixed(1)}}</text>
						</view>
						<p>折扣券</p>
					</view>
					<view class="coupon-box-right">
						<view class="box-right-info">
							<view class="" class="box-right-top">
								{{item.name}}
							</view>
							<view v-if="item.productScope == 1" class="box-right-middle">
								通用券
							</view>
							<view v-else-if="item.productScope == 2" class="box-right-middle">
								商品券
							</view>
							<view v-else-if="item.productScope == 3" class="box-right-middle">
								品类券
							</view>
							<p>
								有效日期{{item.validEndTime}}
							</p>
						</view>
						<button class="gain-btn" style="background-color: #999999;">已领取</button>
					</view>
				</view> -->
      </view>
    </u-popup>
  </view>
</template>

<script>
import PayPopup from '@/components/PayPopup.vue'
let systemInfo = uni.getSystemInfoSync()
export default {
  components: {
    PayPopup
  },
  data() {
    return {
      title: '确认酒店',
      background: {
        background: 'transparent'
      },
      checkTypeIndex: 1,
      statusBarHeight: systemInfo.statusBarHeight,
      status: 1,
      show: false,
      showCoupon: false,
      // goodsInfo: '',
      // user_coupon_id: '', //优惠劵id
      // coupon_price: '', //优惠价格
      // pickupInfo: '',
      // username: '',
      // userphone: '',
      // pickup_name: '',
      // pickup_phone: '',
      // ----------
      resStatus: '',
      msgPopup: false,
      group_product_id: '',
      pickupPopup: false,
      goodsType: 1, //1-其他商品，2，预售商品
      orderType: 4, //1-当日达订单，2-次日达订单，3-抢购订单
      goodsInfo: [
        {
          image: '',
          goods_name: '商拼名称商拼名称商拼名称商拼名称商拼名称',
          buy_num: 1,
          sku_name_arr: ['大份'],
          price: '12.9',
          svip_price: '11.9',
          points: 5,
          points_money: 5
        },
        {
          image: '',
          goods_name: '商拼名称',
          buy_num: 1,
          sku_name_arr: ['大份'],
          price: '12.9',
          svip_price: '11.9',
          points: 5,
          points_money: 5
        }
      ],
      goodsPrice: 0,
      totalPrice: 0,
      user_coupon_id: '', //优惠劵id
      coupon_price: '', //优惠价格
      pickupInfo: '',
      username: '',
      userphone: '',
      payMethod: '',
      detailAddress: '',
      settle: {},
      payOrderId: '',
      catIds: [],
      couponList: '',
      checkedCoupon: '',
      form: {
        items: [],
        couponId: '',
        pointStatus: false, //积分
        deliveryType: '1',
        addressId: '',
        pickUpStoreId: '',
        receiverName: '',
        receiverMobile: '',
        seckillActivityId: '',
        combinationActivityId: '',
        combinationHeadId: '',
        bargainRecordId: '',
        remark: '',
        brokerageCode: 'GTTY'
      },
      res2: '',
      PrePoints: 0,
      PreType: 1
    }
  },
  onLoad(res) {
    this.from = res
    this.res2 = res
    // this.initData(res);
  },
  computed: {
    formatPrice() {
      return (e) => {
        if (e.toString().includes('.')) {
          return e
        }
        return (Number(e) * 0.01).toFixed(2)
      }
    },
    // 转换字符数值为真正的数值
    navbarHeight() {
      // #ifdef APP-PLUS || H5
      return this.height ? this.height : 50
      // #endif
      // #ifdef MP
      // 小程序特别处理，让导航栏高度 = 胶囊高度 + 两倍胶囊顶部与状态栏底部的距离之差(相当于同时获得了导航栏底部与胶囊底部的距离)
      // 此方法有缺陷，暂不用(会导致少了几个px)，采用直接固定值的方式
      // return menuButtonInfo.height + (menuButtonInfo.top - this.statusBarHeight) * 2;//导航高度
      let height = systemInfo.platform == 'ios' ? 44 : 48
      return this.height ? this.height : height
      // #endif
    }
  },
  methods: {
    onPreAll(type) {
      this.PreType = type
      if (type == 2) {
        this.PrePoints = 0
      }
    },
    onPrePoints(type) {
      this.PrePoints = type
      if (type) {
        this.PreType = 1
      }
    },
    checkType(type) {
      this.checkTypeIndex = type
    },
    initData(res2) {
      this.goodsInfo = res2.goods ? JSON.parse(res2.goods) : ''
      this.catIds = res2.catIds ? JSON.parse(res2.catIds) : ''
      this.form.combinationActivityId = res2.combinationActivityId || ''
      this.form.seckillActivityId = res2.seckillActivityId || ''
      console.log(this.goodsInfo)
      this.$u
        .get('/app-api/member/address/list')
        .then((res) => {
          if (res.data.length == 0) {
            uni.dialog.confirm('温馨提示', '你尚未添加收货地址信息！请添加完后下单', () => {
              uni.$on('manage', (e) => {
                this.form.receiverName = e.name
                this.form.receiverMobile = e.mobile
                this.form.addressId = e.id
                this.initData(this.res2)
                uni.$off('manage')
              })
              uni.navigateTo({
                url: '/other/address-manage/address-manage?isCheck=' + true
              })
            })
            return Promise.reject()
          }
          return Promise.resolve()
        })
        .then((res) => {
          this.$u
            .get('/app-api/member/address/get-default')
            .then((res) => {
              if (res.data == null) {
                if (this.form.receiverName) {
                  return Promise.resolve()
                } else {
                  this.$u.toast('请您选择收货地址')
                }
              } else {
                if (!this.form.receiverName) {
                  this.form.receiverName = res.data.name
                  this.form.receiverMobile = res.data.mobile
                  this.form.addressId = res.data.id
                  this.detailAddress = res.data.detailAddress
                }
                return Promise.resolve()
              }
            })
            .then(() => {
              this.form.items = this.goodsInfo.map((item) => {
                return {
                  skuId: item._id,
                  count: item.buy_num,
                  cartId: item.cartId
                }
              })
              this.form.pointStatus = 0
              this.form.deliveryType = 1
              this.$u
                .post('/app-api/trade/order/settlement', this.form)
                .then((res) => {
                  this.settle = res.data.price
                  return Promise.resolve(res.data)
                })
                .then((res) => {
                  let params = {
                    spuIds: [],
                    skuIds: []
                  }
                  params.price = res.price.payPrice
                  params.categoryIds = this.catIds
                  res.items.forEach((item) => {
                    params.spuIds.push(item.spuId)
                    params.skuIds.push(item.skuId)
                  })
                  // #ifdef MP-WEIXIN
                  params.spuIds = params.spuIds.join(',')
                  params.skuIds = params.skuIds.join(',')
                  params.categoryIds = params.categoryIds.join(',')

                  // #endif
                  this.$u.get('/app-api/promotion/coupon/match-list', params).then((res) => {
                    this.couponList = res.data
                  })
                })
            })
        })
    },
    gainOrderInfo(e) {
      this.checkedCoupon = e
      this.showCoupon = false
      this.$u
        .post('/app-api/trade/order/settlement', {
          items: this.form.items,
          pointStatus: 0,
          deliveryType: 1,
          couponId: e.id
        })
        .then((res) => {
          this.settle = res.data.price
          return Promise.resolve(res.data)
        })
    },
    onCouponGain(e) {
      this.$u
        .post('/app-api/trade/order/settlement', {
          items: this.form.items,
          pointStatus: 0,
          deliveryType: 1
        })
        .then((res) => {
          this.realPay = res.data.price.payPrice
          this.deliveryPrice = res.data.price.deliveryPrice
          this.couponId = e.id
        })
    },
    onPickup() {
      this.pickupPopup = true
    },
    onConfirm() {
      // if (this.$u.test.isEmpty(this.pickup_phone)) {
      // 	this.$u.toast('请输入联系电话');
      // 	return
      // }
      this.username = this.pickup_name
      this.userphone = this.pickup_phone
      this.pickupPopup = false
    },
    onPickupAddress() {
      uni.$on('manage', (e) => {
        this.form.receiverName = e.name
        this.form.receiverMobile = e.mobile
        this.form.addressId = e.id
        this.initData(this.res2)
        uni.$off('manage')
      })
      this.$utils.route('/other/address-manage/address-manage?isCheck=' + true)
    },

    onPayment() {
      if (!this.form.receiverName) {
        this.$u.toast('请选择收货人信息')
        return
      }

      if (this.payOrderId) {
        uni.dialog.confirm('温馨提示', '请勿重复下单，是否查看订单付情况？', () => {
          uni.navigateTo({
            url: '/goods/order-list/order-list'
          })
        })
        return
      }

      this.form.couponId = this.checkedCoupon ? this.checkedCoupon.id : ''
      this.$u.api.setOrderCreate(this.form).then((res) => {
        // #ifdef APP
        this.payOrderId = res.data.payOrderId
        // uni.$on("pop", (e) => {
        //   this.show = false;
        // });
        this.resStatus = 3
        this.show = true
        // #endif
        // #ifdef MP-WEIXIN
        this.$u
          .post('/app-api/pay/order/submit', {
            id: res.data.payOrderId,
            channelExtras: {
              openid: uni.getStorageSync('tokenInfo').openid
            },
            channelCode: 'wx_lite'
          })
          .then((res) => {
            let { appId, nonceStr, packageValue, paySign, signType, timeStamp } = JSON.parse(
              res.data.displayContent
            )
            uni.requestPayment({
              provider: 'wxpay',
              appId,
              nonceStr,
              package: packageValue,
              paySign,
              signType,
              timeStamp,
              success: (res) => {
                uni.showToast({
                  title: '支付成功',
                  icon: 'none',
                  duration: 2000
                })
                setTimeout(() => {
                  uni.switchTab({
                    url: '/pages/index/index'
                  })
                }, 800)
              },
              fail: (err) => {
                uni.showToast({
                  title: '支付失败',
                  icon: 'none',
                  duration: 2000
                })
              }
            })
          })
        // #endif
        // #ifdef H5
        this.$u
          .post('/app-api/pay/order/submit', {
            id: res.data.payOrderId,
            channelCode: 'wallet'
          })
          .then((res) => {})
        // #endif
      })
    }
  }
}
</script>

<style lang="scss" scoped>
@import url('order-confirm.css');

.couponListView {
  display: flex;
  flex-direction: column;
}

.couponView {
  display: flex;
  flex-direction: row;
  background: #fff;
  /* box-shadow: 0px -8rpx 21rpx 0px rgba(230, 225, 227, 0.5); */
  border-radius: 20rpx;
}

.couponView2 {
  display: flex;
  flex-direction: row;
  background: #f5f5f5;
  border-radius: 20rpx 20rpx 0px 0px;
}

.moneyView {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 190rpx;
  height: 170rpx;
  background: #0f76bc;
  border-radius: 20rpx 0rpx 0px 20rpx;
  color: #fff;
}

.moneyView2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 190rpx;
  height: 170rpx;
  background: #f5f5f5;
  border-radius: 20rpx 0rpx 0px 20rpx;
}

.couponMoney {
  font-size: 24rpx;
}

.couponMoney text {
  font-size: 50rpx;
  font-weight: bold;
}

.couponTips {
  font-size: 24rpx;
  margin-top: 10rpx;
}

.couponMoney2 {
  font-size: 30rpx;
  color: #999;
}

.couponMoney2 text {
  font-size: 38rpx;
  font-weight: bold;
  color: #999;
}

.couponTips2 {
  font-size: 24rpx;
  color: #999;
  margin-top: 10rpx;
}

.lineView {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  margin-left: -15rpx;
  height: 170rpx;
}

.circle {
  width: 30rpx;
  height: 30rpx;
  border-radius: 50%;
  background: #fff;
  margin-top: -15rpx;
}

.circle2 {
  width: 30rpx;
  height: 30rpx;
  border-radius: 50%;
  background: #fff;
  margin-bottom: -15rpx;
}

.line {
  flex: 1;
  width: 1px;
  /* 设置元素的宽度 */
  border-left: 1px dashed #fe333340;
  /* 左边虚线 */
}

.line2 {
  flex: 1;
  width: 1px;
  /* 设置元素的宽度 */
  border-left: 1px dashed #fff;
  /* 左边虚线 */
}

.couponInfoView {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20rpx 0px;
  height: 170rpx;
  background: #f5f5f5;
  border-radius: 10rpx 10rpx 0px 0px;
  position: relative;
}

.couponInfoView2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20rpx 0px;
  height: 170rpx;
  background: #f5f5f5;
  border-radius: 10rpx 10rpx 0px 0px;
  position: relative;
}

.InfoView {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.couponTitle {
  font-size: 32rpx;
  color: #333333;
}

.couponTitle2 {
  font-size: 32rpx;
  color: #999;
}

.couponTime {
  flex: 1;
  font-size: 24rpx;
  color: #333;
}

.couponTime2 {
  flex: 1;
  font-size: 24rpx;
  color: #999;
}

.couponBtn {
  background-color: #0f76bc;
  font-size: 26rpx;
  width: 150rpx;
  height: 50rpx;
  line-height: 50rpx;
  text-align: center;
  color: #fff;
  border-radius: 35rpx;
  margin: -55rpx 20rpx 0 0;
}

.couponBtn2 {
  font-size: 26rpx;
  color: #fe3333;
  opacity: 0.5;
  margin-right: 20rpx;
}

.couponText {
  font-size: 28rpx;
  font-weight: 400;
  color: #999999;
  margin-right: 20rpx;
}
.open-vip {
  padding: 20rpx;
  .vip-tl {
    padding-bottom: 10rpx;
    .bt {
      width: 150rpx;
      height: 50rpx;
      background: linear-gradient(90deg, #f5cd71, #f5e39d);
      border-radius: 25rpx;
      font-size: 24rpx;
      color: #995406;
    }
    .des {
      font-size: 28rpx;
      color: #333333;
      .col {
        color: #fa453c;
      }
      .bold {
        font-size: 36rpx;
        margin: 0 2rpx;
      }
    }
  }
  .vip-qy {
    font-weight: 600;
    font-size: 28rpx;
    color: #333333;
    margin: 10rpx 0;
  }
  .description {
    font-size: 24rpx;
    color: #999999;
  }
}
.jisuan {
  justify-content: flex-end;
  padding: 30rpx 20rpx;
  align-items: flex-end;
  .total-goods {
    font-size: 28rpx;
    color: #333333;
  }
  .yh {
    font-size: 26rpx;
    color: #999999;
    padding-bottom: 2rpx;
  }
  .heji {
    font-size: 28rpx;
  }
  .total-Price {
    font-size: 32rpx;
    color: #fa453c;
  }
}
.card {
  padding: 30rpx 20rpx;
}
.count-day {
  .day {
    font-weight: 600;
    font-size: 32rpx;
    color: #333333;
    margin-right: 20rpx;
  }

  .week {
    font-size: 26rpx;
    color: #333333;
  }

  .count {
    font-size: 24rpx;
    color: #10a28f;
    margin: 0 60rpx;
  }
}
.locationView {
  .goods-name {
    font-weight: 600;
    font-size: 32rpx;
    color: #333333;
    margin: 20rpx 0 10rpx 0;
  }
  .goods-detail {
    font-size: 24rpx;
    color: #666666;
  }
}
.card-tl {
  font-weight: 600;
  font-size: 30rpx;
  color: #333333;
  margin-bottom: 20rpx;
}
.group {
  .item {
    margin-bottom: 30rpx;
    color: #333333;
    font-size: 28rpx;
    .item-tl {
      margin-right: 40rpx;
    }
    .item-con {
      font-weight: 600;
    }
  }
  .item:last-child {
    margin: 0;
  }
}
</style>
